<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>造家科技</title>
</head>
<body>


<div id="app">
    <div class="container">
        <header>
            <div class="swipe_img">
                <!-- 轮播图 -->
                <div id='mySwipe' class='swipe'>
                    <div class='swipe-wrap'>
                        <div class="swipe-img"><a href="#"><img src="/src/img/banner1@3.png" alt=""></a></div>
                        <div class="swipe-img"><a href="#"><img src="/src/img/banner2@3.png" alt=""></a></div>
                        <div class="swipe-img"><a href="#"><img src="/src/img/banner1@3.png" alt=""></a></div>
                        <div class="swipe-img"><a href="#"><img src="/src/img/banner2@3.png" alt=""></a></div>
                    </div>
                </div>
                <nav>
                    <ul id="position">
                    </ul>
                </nav>
            </div>
        </header>
        <main>
            <div class="title">
                <div class="title-order">01</div>
                <h2>VR全屋装<br>所见即所得</h2>
                <div class="title-border"></div>
            </div>
            <div class="desc mt20">
                <p>区别于传统装修公司,我们提供整套的<br>VR全景方案100%还原未来新家</p>
                <div class="desc-detail mt30">
                    <p>了解更多</p>
                </div>
                <div class="desc-rotate">360旋转<br>VR全套方案<br>所见即所得</div>
            </div>
        </main>

        <div class="reserve">
            <h3 class="p10">MEUJIA</h3>
            <h4 class="p10">现在预约</h4>
            <p class="p10">免费获取客厅VR全景方案</p>
            <select class="select" v-model="SelectHome">
                <option value="毛坯房">毛坯房</option>
                <option value="毛坯房1">毛坯房1</option>
            </select>
            <!-- 选择地址 -->
            <div id="chooseplay">

                <select class="select prov" name="province" id="province" v-model="SelectProvince">
                    <option value="北京">北京</option>
                    <option value="天津">天津</option>
                    <option value="河北">河北</option>
                    <option value="山西">山西</option>
                    <option value="内蒙古">内蒙古</option>
                    <option value="辽宁">辽宁</option>
                    <option value="吉林">吉林</option>
                    <option value="黑龙江">黑龙江</option>
                    <option value="上海">上海</option>
                    <option value="江苏">江苏</option>
                    <option value="浙江">浙江</option>
                    <option value="安徽">安徽</option>
                    <option value="福建">福建</option>
                    <option value="江西">江西</option>
                    <option value="山东">山东</option>
                    <option value="河南">河南</option>
                    <option value="湖北">湖北</option>
                    <option value="湖南">湖南</option>
                    <option value="广东">广东</option>
                    <option value="广西">广西</option>
                    <option value="海南">海南</option>
                    <option value="重庆">重庆</option>
                    <option value="四川">四川</option>
                    <option value="贵州">贵州</option>
                    <option value="云南">云南</option>
                    <option value="西藏">西藏</option>
                    <option value="陕西">陕西</option>
                    <option value="甘肃">甘肃</option>
                    <option value="青海">青海</option>
                    <option value="宁夏">宁夏</option>
                    <option value="新疆">新疆</option>
                    <option value="香港">香港</option>
                    <option value="澳门">澳门</option>
                    <option value="台湾">台湾</option>
                    <option value="国外">国外</option>
                </select>

                <select class="select city" name="city" id="city" v-model="SelectCity">
                    <option value="东城区">东城区</option>
                    <option value="西城区">西城区</option>
                    <option value="崇文区">崇文区</option>
                    <option value="宣武区">宣武区</option>
                    <option value="朝阳区">朝阳区</option>
                    <option value="丰台区">丰台区</option>
                    <option value="石景山区">石景山区</option>
                    <option value="海淀区">海淀区</option>
                    <option value="门头沟区">门头沟区</option>
                    <option value="房山区">房山区</option>
                    <option value="通州区">通州区</option>
                    <option value="顺义区">顺义区</option>
                    <option value="昌平区">昌平区</option>
                    <option value="大兴区">大兴区</option>
                    <option value="平谷区">平谷区</option>
                    <option value="怀柔区">怀柔区</option>
                    <option value="密云县">密云县</option>
                    <option value="延庆县">延庆县</option>
                </select>

                <select class="select dist" name="dist"  id="dist"  v-model="SelectDist" disabled="disabled"
                        style="display: none;"></select>

                <input type="text" class="select" v-model="AddressDetail" placeholder="请选择小区">
            </div>

            <div class="reserve-quick" v-on:click="Join">立即预约</div>
        </div>
    </div>
</div>
    <script src="/src/js/common/h5base.js"></script>
</body>
</html>